 * {
    margin: 0;
    padding: 0;
    list-style:none;
    font-family:PingFang SC
}
::-webkit-scrollbar 
{ 
    width: 6px; 
    height: 6px; 
    background:#f5f5f5; 
} 
   
::-webkit-scrollbar-track 
{ 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); 
    border-radius: 10px; 
    background:#f5f5f5; 
} 
   
::-webkit-scrollbar-thumb 
{ 
    border-radius: 10px; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1); 
    background-color:rgba(64,158,255,1); 
} 
html,
body,
#app,
.wrapper {
  width: 100%;
  height: 100%;
}

body {
  font-family: 'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;
  font-size: 14px;
  color: #333;
}
a {
  text-decoration: none
}
input, textarea{outline:none}
.content-box {
  position: absolute;
  left: 200px;
  right: 0;
  top: 60px;
  bottom: 0;
  overflow-y: auto;
  background: #eff3f7;
  -webkit-transition: left .3s ease-in-out;
  transition: left .3s ease-in-out;
}
.header {
  background: #409eff
}
.el-scrollbar__thumb{
  background-color: hsla(220,4%,58%,.5);
}
/*elemnet弹出框样式*/
.el-dialog__header {
  padding: 10px 20px 10px;
  border-bottom: 1px solid #eee;
   background-color: #F8F8F8;
}
.el-dialog__headerbtn{
   top:14px;
}
.el-dialog__title {
    line-height: 24px;
    font-size: 16px;
    color: #333;
}
/*element菜单样式*/
.sidebar .el-submenu__title i {
  color: #fff !important;
}
.sidebar .el-menu-item.is-active {
   background: rgba(0, 0, 0, 0.1) !important;
}
.sidebar .el-menu-item:hover, .el-menu-item:focus{
   background: rgba(0, 0, 0, 0.1) !important;
}
.el-submenu__title:hover{
   background: rgba(0, 0, 0, 0.1) !important;
}
.float-r{
  float: right
}
.float-l{
  float:left;
}
.align-center{
  text-align: center;
}
.el-input__prefix{ left:8px }